ion-content {
  // 顶部图片
  .loan-top {
    display: block;
    width: 100%
  }

  dl.system-block {
    font-size: 14px;
    dt {
      // 板块编号
      .number-bg {
        position: relative;
        display: inline-block;
        width: 26px;
        height: 26px;
        padding: 6px 0;
        color: var(--custom-color-white);
        text-align: center;
        z-index: 1;
        &:before {
          content: "";
          position: absolute;
          top: 2px;
          left: 50%;
          margin-left: -13px;
          display: inline-block;
          background: #FF5917;
          width: 26px;
          height: 26px;
          border-top-left-radius: 50%;
          border-top-right-radius: 50%;
          border-bottom-right-radius: 50%;
          border-bottom-left-radius: 0;
          transform: rotate(-45deg);
          z-index: -1;
        }
      }
      // 板块标题
      h3 {
        font-size: 16px;
        color: var(--custom-color-dark-gray);
      }
    }
    dd {
      color: var(--custom-color-gray);
      h5 {
        font-size: 14px;
        color: #FF5917;
        font-weight: bold;
        margin: 8px 0;
      }

      .loan-progress-box {
        margin-top: 24px;
        margin-bottom: 0;
        dd {
          height: 100%;
          display: flex;
          align-items: stretch;
          padding: 0 16px 0 0;
          div {
            min-height: 38px;
          }
          .progress-v-bar {
            width: 48px;
            display: flex;
            flex-direction: column;
            align-items: center;
            .v-bar-dot {
              display: inline-block;
              text-align: center;
              font-size: 14px;
              line-height: 20px;
              width: 20px;
              height: 20px;
              border-radius: 2px;
              color: #FF5917;
              background: var(--custom-color-white);
              border: 1px solid #FF5917
            }
            .v-bar-line {
              flex: 1;
              display: inline-block;
              width: 1px;
              border-left-width: 1px;
              border-left-color: #FF5917;
              border-left-style: dashed;
              margin-left: 1px;
              overflow: hidden;
              &.solid-border {border-left-style: solid}
            }
          }
          .progress-content {
            flex: 1;
            display: flex;
            flex-direction: column;
            margin-bottom: 24px;
            text-align: left;
            .progress-status {
              color: #FF5917;
              margin-bottom: 4px;
            }
            .progress-detail {
              color: var(--custom-color-gray);
            }
          }
        }
      }

    }
  }

}